<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>节目单列表</title>
    <script charset="utf-8" type="text/javascript" src="js/init3.js?v=2014122229711"></script>
    <!--<script charset="utf-8" type="text/javascript" src="js/init2.js?v=2014122229711"></script>-->
    <!--<script src="js/program/ajaxQueue.js" type="text/javascript"></script>-->
    <!--<script src="js/program/ProgramInit.js" type="text/javascript"></script>-->
    <!--<script src="js/program/programList.js" type="text/javascript"></script>-->
    <style>
        #dayRange{
            width: 980px;height: 54px;
        }
        #dayRange div{
            width: 924px;float: left;height: 54px;
        }

        #dayRange div{
            border-bottom: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            border-right: solid 1px #cccccc;
            height: 52px;
        }

        #dayRange div label{
            width: 131px;
            text-align: center;
            float:left;
            padding-top: 10px;
            padding-bottom: 10px;
            background:none;
            font-weight: bold;
            color:#187ddb;
            border-left: solid 1px #cccccc;
        }
        #dayRange div label.selected{
            color: white;
            background-image: -moz-linear-gradient(center top , #187ddb, #1867b2);
            background-image: -webkit-gradient(linear,0 0,0 bottom,from(#187ddb),to(#1867b2));
        }
        #weekRange{
            width: 980px;
        }
        button.myBtn{
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #f5f5f5;
            background-image: linear-gradient(to bottom, #fff, #e6e6e6);
            background-repeat: repeat-x;
            border-color: #ccc #ccc #b3b3b3;
            border-image: none;
            border-radius: 2px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
            color: #333;
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 0;
            padding: 4px 12px;
            text-align: center;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
            vertical-align: middle;
            float: left
        }

        button.myBtn:hover,button.myBtn:focus{
            color: #333;
            text-decoration: none;
        }

        button.myBtn:active{
            background-color: #e6e6e6;
        }

        button.left{
            background-position: -54px 50%;!important;
        }
        button.right{
            background-position: -83px 50%;!important;
        }

        button.nav{
            background-image: url("img/navbuttons.png");
            background-repeat: no-repeat;
            height: 54px;
            margin: 0;
            padding: 0;
            width: 27px;
        }

        #weekRange label{
            display: inline-block;
            width: 80px;
            font-weight: bold;
            text-align: center;
        }
        .norecords {
            border-width: 2px !important;
            display: none;
            font-weight: bold;
            left: 45%;
            margin: 5px;
            padding: 6px;
            text-align: center;
            top: 45%;
            width: auto;
            z-index: 102;
        }

        .ui-jqgrid tr.jqgrow td {
            white-space: normal !important;
            word-wrap: break-word;
            height:auto;
            vertical-align:text-top;
            padding-top:2px;
        }
    </style>
</head>
<body>
<header></header>
<div style="height: 40px"></div>

<div style="margin-left: 20px">

    <div id="weekRange">

        <label>前一周</label>
        <label>本周</label>
        <label>后一周</label>
        <div style="float: right">
            <button name="newProgram" style="display:none">新建</button>
            <button name="tvmaoCall" style="display:none">获取tvmao节目单</button>
        </div>
    </div>
    <div style="height: 10px"></div>

    <div id="dayRange">
        <button class="myBtn nav left"></button>
        <div>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
        </div>
        <button class="myBtn nav right"></button>
    </div>

</div>
<div id="navDiv" style="margin-left:20px;margin-bottom: 20px">
    <div id="tabPanel">
        <div class="le-grid">
            <table id="list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="pager"></div>
        </div>
    </div>
</div>
<div id="programLogDiv" style="display: none">
    <table id="logList">
        <tr>
            <td></td>
        </tr>
    </table>
    <div id="log_pager"></div>
</div>
<script type="text/javascript">
    require(['epg2'], function() {
        Program.Action.listRun();
    })
</script>
</body>
</html>